<template>
  <div>
    <!-- ================企业介绍======================== -->

    <!-- ---------------背景图片1----------------------- -->
    <div class="banner">
      <!-- <img src="../../assets/img_women/qiye/BJ_01.jpg" alt="" /> -->
    </div>
    <!-- -------------导航栏-------------------- -->
    <div class="nav-bj">
      <div class="nav">
        <ul >
          <li  class="active" @click="$router.push('/home/women')">企业介绍</li>
          <li  @click="$router.push('/home/fuwu')">服务理念</li>
          <li  @click="$router.push('/home/guoji')">国际战略</li>
          <li  @click="$router.push('/home/fenzhi')">分支机构</li>
          <li  @click="$router.push('/home/shipin')">食品安全</li>
        </ul>
      </div>
    </div>

    <div class="center">
      <!-- ----------面包屑导航--------- -->
      <el-breadcrumb separator-class="el-icon-arrow-right" class="bum">
        <el-breadcrumb-item>您现在所在的位置</el-breadcrumb-item>
        <el-breadcrumb-item>首页</el-breadcrumb-item>
        <el-breadcrumb-item>我们</el-breadcrumb-item>
        <el-breadcrumb-item>企业介绍</el-breadcrumb-item>
      </el-breadcrumb>

      <!-- --------------背景图2------------- -->
      <div>
        <img class="bj1" src="../../assets/img_women/qiye/BJ_02.jpg" />
      </div>
      <p>
        稻香村集团的前身为苏州稻香村，始创于公元1773年（清乾隆三十八年）的苏州，是中国糕点行业现存历史悠久的企业之一，作为国家首批认定的“中华老字号”及驰名中外的“稻香村”品牌创立者，历经两个多世纪的发展，一代代稻香村人的传承与创新，已成为闻名中外的大型现代化食品企业集团。
      </p>

      <!-- --------------背景图3------------- -->
      <div>
        <img src="../../assets/img_women/qiye/BJ_03.jpg" alt="" />
      </div>

      <!-- ----------------企业发展 ---------------->
      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="qyfz00" src="../../assets/img_women/qiye/qyfz_00.png" />
      </div>

      <!-- ----------------企业发展tt ---------------->
      <div class="qy_tt">
        <ul class="left">
          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/qyfz_1.jpg" alt="" />
            </div>
            <div class="text_1">
              <h5>182.77亿</h5>
              <span>2022中国品牌价值评价，稻香村品牌价值182.77亿元。</span>
            </div>
          </li>
        </ul>
        <ul class="right">
          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/qyfz_02.jpg" alt="" />
            </div>
            <div class="text">
              <h5>7</h5>
              <span>七大原料供应基地</span>
            </div>
          </li>
          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/qyfz_02.jpg" alt="" />
            </div>
            <div class="text">
              <h5>7</h5>
              <span>七大原料供应基地</span>
            </div>
          </li>

          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/qyfz_06.jpg" alt="" />
            </div>
            <div class="text">
              <h5>10</h5>
              <span>十大现代化食品生产加工中心</span>
            </div>
          </li>
          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/qyfz_06.jpg" alt="" />
            </div>
            <div class="text">
              <h5>1500亩</h5>
              <span>总占地面积1500亩</span>
            </div>
          </li>
          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/qyfz_03.jpg" alt="" />
            </div>
            <div class="text">
              <h5>3000</h5>
              <span>拥有员工3000多人</span>
            </div>
          </li>
          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/qyfz_04.jpg" alt="" />
            </div>
            <div class="text">
              <h5>800家</h5>
              <span>在全国有800多家专卖专营店</span>
            </div>
          </li>
        </ul>
      </div>
      <!-- -----------------创兴经营-------------------- -->

      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="qyfz00" src="../../assets/img_women/qiye/cxjy_00.jpg" />
      </div>

      <p>
        目前稻香村集团在全国有800多家专卖专营店，覆盖全国大部分区域。并以每年近百家的速度增长。传统制造企业“互联网+”已成为必需，稻香村集团是老字号较早一批“触网”的企业，2009年就确立并开始实施了“互联网+稻香村”战略，成立了电子商务部，到目前已经连续多年在天猫、京东等主流电商平台糕点类目、月饼类目取得骄人的成绩。电商渠道的销售占比逐年提高，目前已近30%。
      </p>

      <!-- ----------------创兴经营tt ---------------->

      <div class="cxjy">
        <ul>
          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/cxjy_01.jpg" alt="" />
            </div>
            <div class="text">
              <h5>800多家专卖专营店</h5>
              <span
                >目前稻香村集团在全国有800多家专卖专营店，覆盖全国大部分区域。</span
              >
            </div>
          </li>

          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/cxjy_02.jpg" alt="" />
            </div>
            <div class="text">
              <h5>互联网+</h5>
              <span
                >传统制造企业“互联网+”已成为必需，2009年确立并开始实施了“互联网+稻香村”战略，成立了电子商务部，到目前已经连续多年在天猫、京东等主流电商平台糕点类目、月饼类目取得骄人的成绩</span
              >
            </div>
          </li>

          <li>
            <div class="pic">
              <img src="../../assets/img_women/qiye/cxjy_03.jpg" alt="" />
            </div>
            <div class="text">
              <h5>30%</h5>
              <span>电商渠道的市场销售占比逐年提高，目前已近30%。</span>
            </div>
          </li>
        </ul>
      </div>
      <!-- ----------------现代科技 ---------------->

      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="xdkj" src="../../assets/img_women/qiye/xdkj_00.png" />
      </div>
      <p>
        稻香村集团拥有120余条国内外现代化生产线，并先后通过QS、GMP、HACC、ISO9001等多项认证，十万级空气净化生产车间，生产过程全程监控，全方位透明化无菌生产，现代化的生产设备及工艺与科学管理体系,使得稻香村悠久文化与现代加工技术融为一体。
      </p>
      <!-- ----------------现代科技图片 ---------------->
      <div class="xdkj_tt">
        <ul>
          <li><img src="../../assets/img_women/qiye/xdkj_01.jpg" /></li>
          <li><img src="../../assets/img_women/qiye/xdkj_02.jpg" /></li>
          <li><img src="../../assets/img_women/qiye/xdkj_03.jpg" /></li>
          <li><img src="../../assets/img_women/qiye/xdkj_04.jpg" /></li>
        </ul>
      </div>

      <!-- ----------------科技创新 ---------------->
      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="xdkj" src="../../assets/img_women/qiye/kjcx_00.jpg" />
      </div>

      <p>
        食品企业新技术、新产品的研发能力是打造核心竞争力的基础，
        2015年稻香村集团在研发上投入2000多万元，
        并保持每年近20%的速度增长，稻香村集团依托江南大学、国家食品科研和质量监督检验部门的强大技术能力，联合成立
        " 中国糕点食品技术研发中心 " 、 " 福临门联合烘焙研究所 " ， “
        苏州工业园区稻香村博士后孵化站 ”
        等产学研合作平台，紧跟国际最新食品科技进行自主创新，重点致力于焙烤冷冻面团发酵过程优化关键技术,与系列新产品、新技术研究与开发，并以
        " 中国传统食品工业化加工关键技术 "
        为主题突破口进行集成创新，引进欧美先进技术和装备，打造并提升 “ 稻香村 ”
        精品品牌形象，引领行业技术跨越式发展。
      </p>
      <!-- ----------------食品安全 ---------------->
      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="xdkj" src="../../assets/img_women/qiye/spaq_00.jpg" />
      </div>

      <!-- ----------------食品安全tt ---------------->
      <div class="spaq_tt">
        <ul>
          <li>
            <div>
              <img src="../../assets/img_women/qiye/spaq_01.jpg" />
            </div>
            <div class="text">
              <h5>1</h5>
              <span>10万级净化车间、全空调GMP模范车间</span>
            </div>
          </li>
          <li>
            <div class="text">
              <h5>2</h5>
              <span>车间设有108个摄像监控，16处IC自动门禁，8道隔离门</span>
            </div>
            <div>
              <img src="../../assets/img_women/qiye/spaq_02.jpg" />
            </div>
          </li>
          <li>
            <div>
              <img src="../../assets/img_women/qiye/spaq_03.jpg" />
            </div>
            <div class="text">
              <h5>3</h5>
              <span>生产工序自检互检、品控产品专检、生产卫生检查组巡检</span>
            </div>
          </li>
          <li>
            <div class="text">
              <h5>4</h5>
              <span>生产员工到岗需经过7次检查、除尘消毒、通过8道隔离门</span>
            </div>
            <div>
              <img src="../../assets/img_women/qiye/spaq_04.jpg" />
            </div>
          </li>
        </ul>
      </div>
      <!-- ----------------工匠精神 ---------------->
      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="qyfz00" src="../../assets/img_women/qiye/gjjs_00.jpg" />
      </div>
      <!-- ----------------工匠精神tt ---------------->
      <div class="gjjs">
        <ul>
          <li>
            <div><img src="../../assets/img_women/qiye/gjjs_01.jpg" /></div>
            <div class="text">
              <p>
                稻香村集团在产品上坚持“工匠精神”，“稻香村”传统手工技艺都是通过“师傅带徒弟”的方式代代相传。从创始至今，稻香村集团有着清晰的技艺传承谱系，至今已传承六代。<br />

                技艺传承全凭口传心授，工艺复杂，手工技艺性强，质量要求严格，形状要求美观，却不使用模具，如稻香村苏式月饼酥皮层薄如纸，可多达16层，特别关键工艺需要长期实践积累丰富经验。因此学艺时间长，一般需要近二十年才能完整地掌握全部工艺过程。2009年稻香村苏式月饼制作技艺被收录至省级非物质文化遗产名录。
              </p>
            </div>
          </li>
          <li>
            <img src="../../assets/img_women/qiye/gjjs_02.jpg" />
          </li>
        </ul>
      </div>
      <!-- ----------------走向世界稻香村 ---------------->
      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="qyfz00" src="../../assets/img_women/qiye/zxsj_00.jpg" />
      </div>

      <!-- -------------走向世界稻香村tt ---------------->
      <div class="zxsj">
        <div class="top">
          <div class="pic">
            <img src="../../assets/img_women/qiye/zxsj_01.jpg" />
          </div>
          <div class="text">
            <p>
              稻香村集团为了响应国家 “一带一路” 和 “中国企业走出去” 的倡议，实施
              “稻香村出海” 战略， 在海外60多个国家和地区注册 “稻香村”
              的商标。截止目前，
              通过跨境门店等渠道将产品出口到海外40多个国家和地区，
              让海外的游子品尝到家乡的味道，
              让国际友人领略到稻香村美食背后的中国文化。
            </p>
          </div>
        </div>

        <div class="bottom">
          <ul>
            <li><img src="../../assets/img_women/qiye/zxsj_02.jpg" /></li>
            <li><img src="../../assets/img_women/qiye/zxsj_03.jpg" /></li>
            <li><img src="../../assets/img_women/qiye/zxsj_04.jpg" /></li>
          </ul>
        </div>
      </div>
      <!-- ----------------稻香村 ---------------->

      <div class="qyfz">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="xdkj" src="../../assets/img_women/qiye/dxc_00.jpg" />
      </div>

      <!-- ----------------稻香村tt ---------------->
      <div class="dxc">
        <ul>
          <li>
            <div><img src="../../assets/img_women/qiye/dxc_01.png" /></div>
            <p>始于1773年【乾隆三十八年】</p>
          </li>
          <li>
            <div><img src="../../assets/img_women/qiye/dxc_02.png" /></div>
            <p>国家首批认定的【中华老字号】</p>
          </li>
          <li>
            <div><img src="../../assets/img_women/qiye/dxc_03.png" /></div>
            <p>稻香村苏式月饼制作技艺【江苏省级非物质文化遗产】</p>
          </li>
          <li>
            <div><img src="../../assets/img_women/qiye/dxc_04.png" /></div>
            <p>全国拥有专营专卖店【800多家】</p>
          </li>
        </ul>
      </div>
      <p>
        稻香村集团，不只是继承与创新，更有不断的自我蜕变。正因为我们勇于舍弃旧的不合时宜，才能够维持两百年不坠的品牌价值。稻香村集团作为底蕴深厚的“中国文化符号“，不仅追求生产技艺上的登峰造极，更热衷于对客户始终不变的深厚情感，秉承“厚道做人、地道做事、成人达己、追求卓越”的经营理念，坚守社会责任，立足国内继续夯实连锁经营、持续发力互联网电子商务并积极拓展海外市场，未来，将把更多中式糕点带到世界各地，让源自苏州的稻香村香飘世界，让中国糕点享誉世界，让中华美食在世界的舞台起舞、光荣绽放、回味无穷！
      </p>
    </div>
  </div>
</template>

<script>
import "@/assets/css_women/base.css";
import "@/assets/css_women/reset.css";
export default {
  data() {
    return {
      activeIndex: "1",
      num: 1,
    };
  },
};
</script>
<style lang="scss" scoped>
// --------------背景 ----------------
.banner {
  width: 100%;
  height: 600px;
  background-image: url(../../assets/img_women/qiye/BJ_01.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
//---------------导航栏 ----------------

.nav-bj {
  background-color: #e6dfc9;
  .nav {
    width: 1200px;
    margin: 0 auto;
    > ul {
      display: flex;
      height: 52px;
      font-size: 20px;

      > li {
        height: 100%;
        width: 160px;
        line-height: 52px;
        &.active {
          background-color: #ceaf59;
          color: #fff;
        }
        &:hover {
          background-color: #ceaf59;
          color: #fff;
        }
      }
    }
  }
}
//---------------板心 ----------------
.center {
  width: 1200px;
  margin: 0 auto;
  > .bum {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
  }

  //---------------文字段落 ----------------
  > p {
    color: #664f10;
    text-align: center;
    width: 1200px;
    font-size: 18px;
    margin: 0 0 50px 0;
    line-height: 30px;
  }
  //---------------企业发展 (段落图文字) ----------------
  > .qyfz {
    position: relative;
    margin-top: 25px;
    margin-bottom: 35px;
    > .qyfz00 {
      position: absolute;
      top: 55px;
      left: 37%;
    }
    > .xdkj {
      position: absolute;
      top: 40px;
      left: 42%;
    }
  }
  //---------------企业发展图片 ----------------
  > .qy_tt {
    display: flex;
    > .left {
      > li {
        position: relative;
        > div {
          width: 720px;
          > img {
            width: 100%;
          }
        }
        > .text_1 {
          text-align: start;
          position: absolute;
          bottom: 55px;
          left: 40px;
          color: #fff;
          > h5 {
            font-size: 72px;
            font-weight: 300;
          }
          > span {
            font-size: 16px;
          }
        }
      }
    }
    > .right {
      width: 480px;
      display: flex;
      flex-wrap: wrap;
      > li {
        position: relative;

        > .text {
          text-align: start;
          position: absolute;
          bottom: 30px;
          left: 20px;
          color: #fff;
          > h5 {
            font-size: 48px;
            font-weight: 300;
          }
          > span {
            font-size: 14px;
          }
        }
      }
    }
  }

  //---------------创兴经营 ----------------
  > .cxjy {
    ul {
      display: flex;
      > li {
        position: relative;
        > .text {
          width: 260px;
          color: #fff;
          position: absolute;
          top: 62%;
          left: 70px;
          > h5 {
            font-weight: 400;

            font-size: 18px;
            margin-bottom: 28px;
          }
          > span {
            font-weight: 400;
            font-size: 14px;
            line-height: 26px;
          }
        }
      }
    }
  }
  //---------------现代科技图片tt ----------------
  .xdkj_tt {
    width: 1200px;
    > ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      > li {
        margin-right: 20px;
        margin-bottom: 20px;
      }
    }
  }
  //---------------食品安全tt ----------------
  .spaq_tt {
    // width: 1200px;
    > ul {
      // width: 100%;
      display: flex;
      flex-wrap: wrap;
      > li {
        width: 300px;

        > .text {
          background-color: #f9f4e4;
          height: 260px;
          color: #ceaf59;
          padding: 0 20px;
          > h5 {
            font-weight: 200;
            font-size: 90px;
            padding-top: 40px;
            margin-bottom: 10px;
          }
          > span {
            font-size: 18px;
          }
        }
      }
    }
  }
  //---------------工匠精神tt ----------------
  .gjjs {
    > ul {
      display: flex;
      > li {
        .text {
          padding: 0 40px;
          height: 300px;
          width: 100%;
          background-color: #ceaf59;
          color: #fff;
          font-size: 16px;
          > p {
            text-align: start;
            padding-top: 40px;
            line-height: 28px;
          }
        }
      }
    }
  }
  //---------------走向世界稻香村tt ----------------
  .zxsj {
    > .top {
      display: flex;
      > .pic {
        width: 600px;
        > img {
          width: 100%;
        }
      }
      > .text {
        width: 600px;
        color: #fff;
        font-size: 16px;
        background-color: #b8a992;
        padding: 80px 40px 0;
        > p {
          text-align: start;
          padding-top: 40px;
          line-height: 28px;
        }
      }
    }

    > .bottom {
      > ul {
        display: flex;
      }
    }
  }
  //---------------稻香村tt ----------------
  .dxc {
    margin-bottom: 40px;
    ul {
      display: flex;
      justify-content: space-around;
      > li {
        width: 240px;
        > div {
          color: #664f10;
          > img {
            padding-left: 35px;
            padding-bottom: 30px;
          }
          > p {
            font-size: 16px;
          }
        }
      }
    }
  }
}

// -------------------背景2层-----------------------
.bj2 {
  width: 1220px;
}
// -------------------背景1层-----------------------
.bj1 {
  width: 1300px;
  padding-right: 100px;
}
</style>
